隆Hola 馃憢! Espera mientras comienza la sesi贸n.
Antes que todo, 驴c贸mo est谩n?
Visualizaci贸n de Informaci贸n
IIC2026 2021-2
Codificaciones, marcas y canales
Visualizaci贸n de Informaci贸n
IIC2026 2021-2
El contenido
El contenido
1. El c贸mo
2. Marcas y canales
3. Utilizar marcas y canales
El contenido
1. El c贸mo
2. Marcas y canales
3. Utilizar marcas y canales
隆Mini cuestionario!
Codificaci贸n visual y de interacci贸n
- Definir el c贸mo.
- Idiom: enfoque distintivo de codificar informaci贸n o manipularla.
- Hay decisiones visuales y decisiones de interacci贸n.
Marcas
- Cero-dimensionales
- Uni-dimensionales
- Bi-dimensionales
- Tri-dimensionales
Canales
- Posici贸n unidimensional
- Posici贸n bidimensional
- Forma
- Curvatura
- Rotaci贸n
- Color de relleno o de borde:
- Matiz de color
- Saturaci贸n de color
- Luminancia de color
- Tama帽o:
- Largo
- 脕rea
- Volumen
- ...
Tipos de canales
Canales de identidad
Canales de magnitud
Tipos de marcas
Marca de 铆tem
Marca de conexi贸n
Marca de contenci贸n
Glifos
Utilizar marcas y canales
No todos los canales no son iguales o equivalentes. La representaci贸n del mismo atributo a trav茅s de canales distintos los percibimos de forma distinta.
Principio de expresividad
Principio de efectividad
隆Actividad grupal!
隆Actividad grupal!
A cada grupo asignado a una Sala de Zoom, se le asignar谩 un ejemplo de visualizaci贸n que el equipo docente encontr贸 en la web. Como grupo deben revisar el ejemplo asignado, y descomponerlo pensando en las marcas y canales que ven en uso.
隆Actividad grupal!
A cada grupo asignado a una Sala de Zoom, se le asignar谩 un ejemplo de visualizaci贸n que el equipo docente encontr贸 en la web. Como grupo deben revisar el ejemplo asignado, y descomponerlo pensando en las marcas y canales que ven en uso.
Dejen su progreso en un documento asignado. Deben enlistar:
- Las marcas que ven presentes, que est谩n siendo utilizadas para representar algo. Para cada marca identificada, indicar su tipo: marca de 铆tem, conexi贸n, contenci贸n o glifo.
- Los canales de las marcas que est谩n siendo utilizados para codificar informaci贸n. Para cada canal, indicar su tipo aparente: si es de magnitud o de identidad.
Tambi茅n, reflexionen sobre los principios de expresividad y de efectividad en la visualizaci贸n y comenten.
隆Actividad grupal!
Para cada grupo elijan:
- Al menos una persona que se encargue de escribir en documento los resultados del grupo.
- Al menos una persona que tenga el material de la sesi贸n a mano y pueda consultarlo en caso de haber dudas en el grupo.
- Al menos una persona que recompile las dudas que surgieron en el grupo al realizar la actividad y se mantienen al final de la actividad.
隆Actividad grupal!
Salas y documentos asignados:
- Sala 1: Documento Ejemplo 1
- Sala 2: Documento Ejemplo 2
- Sala 3: Documento Ejemplo 3
- Sala 4: Documento Ejemplo 4
- Sala 5: Documento Ejemplo 1
- Sala 6: Documento Ejemplo 2
- Sala 7: Documento Ejemplo 3
- Sala 8: Documento Ejemplo 4
- Sala 9: Documento Ejemplo 1
- Sala 10: Documento Ejemplo 2
- Sala 11: Documento Ejemplo 3
- Sala 12: Documento Ejemplo 4
- Sala 13: Documento Ejemplo 1
- Sala 14: Documento Ejemplo 2
- Sala 15: Documento Ejemplo 3
- Sala 16: Documento Ejemplo 4
- Sala 17: Documento Ejemplo 1
- Sala 18: Documento Ejemplo 2
- Sala 19: Documento Ejemplo 3
- Sala 20: Documento Ejemplo 4
Break antes de continuar
Resultados de actividad grupal
隆Visualizaci贸n del d铆a!
驴Visualizaci贸n del d铆a?
驴Visualizaci贸n del d铆a?
Es un espacio que dedicaremos cada sesi贸n a ver un ejemplo interesante de visualizaci贸n. Tambi茅n se subir谩n a Canvas.
La idea es estar continuamente viendo distintos ejemplos de visualizaci贸n, ya sean buenos o malos.
Puedes proponer una visualizaci贸n para que sea la visualizaci贸n del d铆a. Hay un formulario en Canvas馃槃.
驴Visualizaci贸n del d铆a?
隆Visualizaci贸n del d铆a!
Propuesto por ayudante Daniela Concha.
(Fuente: Dear Data de Stefanie Posavec y Giorgia Lupi)
Pr贸ximos eventos:
Recuerden responder los Cuestionarios asociados a esta semana.
Pr贸ximos eventos:
Recuerden responder los Cuestionarios asociados a esta semana.
Pr贸xima semana revisaremos el material de Abstracci贸n de datos e Introducci贸n a HTML, CSS y SVG.
Pr贸ximos eventos:
Recuerden responder los Cuestionarios asociados a esta semana.
Pr贸xima semana revisaremos el material de Abstracci贸n de datos e Introducci贸n a HTML, CSS y SVG.
Pr贸xima semana se realizar谩 primera Ayudant铆a del curso.